<template>
	<div style="height: 100%; background-color: #304156;">
		<!--	user status -->
		<!--	search -->
		<!--	nav -->
		<nav class="" style="height: 100%">
			<el-scrollbar wrap-class="scrollbar-wrapper" style="height: 100%">
				<side-bar :menu-list="menuList" :is-collapsed="isCollapsed"></side-bar>
			</el-scrollbar>
		</nav>
	</div>
</template>

<script>
import SideBar from "@/components/common/SideBar";
export default {
	name: "LeftSide",
	components: {SideBar},
	props: {
		isCollapsed: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			menuList: []
		}
	},
	beforeCreate() {
		console.log("request menuList")
		this.axios.get("/sys/resource/getMenuList").then((response) => {
			if (response.status === 200) {
				this.menuList = response.data;
			}
		});
	}
}
</script>

<style scoped>
	.side-left {
		height: 100%;
		background-color: #304156;
	}

	nav {
		overflow-x: hidden;
	}
</style>
